/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.4.1603568765
Updated: 2020-10-24 21:46:05

*/
@hauptcolor: #000;
@hovercolor: #fff;

@fashion: 'fashion-fetish-heavy', sans-serif;
@fashionlight: 'fashion_fetish_light', sans-serif;
@barlow: 'Barlow', sans-serif;

@font-face {
    font-family: 'fashion-fetish-heavy';
    src:  url('assets/fonts/fashion-fetish-heavy.eot');
    src:  url('assets/fonts/fashion-fetish-heavy.eot') format('embedded-opentype'),
    url('assets/fonts/fashion-fetish-heavy.ttf') format('truetype'),
    url('assets/fonts/fashion-fetish-heavy.woff') format('woff'),
    url('assets/fonts/fashion-fetish-heavy.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fashion_fetish_light';
    src:  url('assets/fonts/fashion_fetish_light.eot');
    src:  url('assets/fonts/fashion_fetish_light.eot') format('embedded-opentype'),
    url('assets/fonts/fashion_fetish_light.ttf') format('truetype'),
    url('assets/fonts/fashion_fetish_light.woff') format('woff'),
    url('assets/fonts/fashion_fetish_light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;800&display=swap');

body {
    overflow-x: hidden;
}
body {
    background-color: @hovercolor;
/*    scroll-behavior: smooth;
    transform: translate3d(0px, 0px, 0px);
    transition: all 700ms ease;
    min-height: -webkit-fill-available;*/
}
* {
	margin: 0;
}

body, button, input, select, textarea {
    font-family: @barlow;
    font-size: 22px;
    color: @hauptcolor;
    margin: 0;
}
h1, h2 {
	font-family: @fashion; 
	text-transform: uppercase;
	margin: 0;
	font-size: 4vw;
	line-height: 1.25;
	margin-block-start: 0;
	margin-block-end: 0;
	padding: 1.5em 0 0 0;
}
.big {
	font-size: 5vw;

	strong {
		font-family: @fashionlight;
	}
}
h1 {
	font-size: 250%;
}
h2 {
	font-size: 200%;
	max-width: 20em;

	+ h3, + h4, + h5, + h6 {
		padding: .75em 0 0 0;
	}
}
h3,h4,h5,h6 {
	font-size: 120%;
	font-family: @fashion; 
	text-transform: uppercase;
	padding: 1.25em 0 0 0;
	line-height: 1.25;
	margin-block-start: 0;
	margin-block-end: 0;
	max-width: 36em;

	+ h3, + h4, + h5, + h6 {
		padding: .75em 0 0 0;
	}
}
h4, h5, h6 {
	font-size: 100%;
}
p, li, a {
	font-size: 100%;
	line-height: 140%;
	margin-top: 0;
}
p, ul {
	max-width: 40em;
}
a {
    color: @hauptcolor;
}
p {
	+ p {
		margin-top: 1em;
	}
	a {
		padding: 0 .2em;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;


		&:hover {
			text-decoration: none;
			background: @hauptcolor;
			color: @hovercolor;
		}
	}
}
.wp-block-gallery {
    width: 100%;
    margin: 0;
    padding: 0;
}
.wp-block-cover.image_box {
    min-height: 80vh;
    width: 100vw;
    left: -15vw;

    h1,h2,h3,h4,h5,h6 {
    	padding-top: 0;
    }
    .wp-block-cover__inner-container {
    	max-width: 70vw;
    	margin: auto;
    }
}
.blocks-gallery-grid, .wp-block-gallery {
	max-width: inherit;
}
/*.animationtext .letter {
  display: inline-block;
  line-height: 1em;
}*/
.has-background {
	p, h1,h2,h3,h4,h5,h6 {
		max-width: inherit;
	}
	p a {
		color: white;

		&:hover {
			color: black;
			background: white;
		}
	}
}
.content-area {
	margin-top: -74px;
	
	.nf-form-content {
		padding: 0;
		max-width: inherit;
	}
	.nf-form-fields-required, .ninja-forms-req-symbol {
		display: none;
	}
	.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
	    background: white;
	    border: 1px solid black;
	    border-radius: 0;
	    box-shadow: none;
	    color: black;
	    transition: all .5s;
	    font-size: 20px;
	    padding: 20px;
	    height: auto;
	}
	.nf-form-content label {
	    font-size: 18px;
	    line-height: 20px;
	    position: absolute;
	    z-index: 100;
	    left: 20px;
	    background: white;
	    padding: 8px;
	    top: -18px;
	    font-size: 22px;
	    font-weight: 300;
	    text-transform: uppercase;
	}
	#ninja_forms_required_items, .nf-field-container {
		margin-bottom: 40px;
	}
	.nf-form-content .label-right .nf-field-label {
		display: none;
	}
	.nf-error .nf-error-msg, .nf-error-msg, .ninja-forms-req-symbol {
		color: gray;
	}
	.nf-error .ninja-forms-field {
		border-color: gray!important;
	}
	.nf-pass .ninja-forms-field {
		border-color: black!important;
	}
	
	.nf-form-content {
		button, 
		input[type=button], 
		input[type=submit] {
		    transition: all .5s;
		    font-size: 22px;
		    font-weight: 700;
		    background: transparent;
		    color: black;
		    border: none;
		    border-bottom: 2px solid black;
		    height: auto;
		    text-transform: uppercase;;
			
			&:hover {
				background: transparent;
				opacity: .5;
				color: inherit;
			}
		}
	}
	
	.label-right .nf-field-element {
		text-align: right;
		width: 100%;
	}
	.nf-error.field-wrap .nf-field-element:after, .nf-pass.field-wrap .nf-field-element:after {
		display: none;
	}
}
.entry-content {
	max-width: 70vw;
	margin: 5em auto 0;

	.post-17 & {
		max-width: inherit;
		margin: inherit;
	}
}
.header {
	position:-webkit-sticky; 
	position:sticky; 
	top:0;
	z-index: 100;
	opacity: 1;

	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;

	&.scroll {
		background: white;
	}
	&.scrollpos {
		top: -100vh;
		opacity: 0;
		-webkit-transition: all 3s;
		-o-transition: all 3s;
		transition: all 3s;
	}
	
	.site-header {
	    display: flex;
	    max-width: 70vw;
	    align-items: center;
	    justify-content: space-between;
	    margin: auto;
	    padding: 1em 0;
	}
	.signet {
		display: block;
		width: 100%;
		max-width: 200px;

		.line {
			-webkit-transition: width .5s;
			-o-transition: width .5s;
			transition: width .5s;

			&.bottom {
				-webkit-transition-delay: .25s;
				-o-transition-delay: .25s;
				transition-delay: .25s;
			}

		}
		&:hover {
			.line {
				width: 0;

			}
		}
	}
	.menu {
		list-style-type: none;
		padding: 0;
		display: flex;
		align-items: center;
		flex-direction: inherit;

		a {
			text-decoration: none;
			padding: .5em;
		}		
	}
	.nav_trigger {
		display: none;
	}
}
.wp-block-separator {
	border-width: 0;
}
.animate_line {
   stroke-dasharray: 100;
   stroke-dashoffset: 100;
   animation: dash 5s linear infinite;
}
@keyframes dash {
   to { stroke-dashoffset: 0;}
}
.logobox {
    max-width: 40vw;
    display: block;
    width: 90%;
    margin: auto;
    height: 100vh;

    .logo {
		margin: auto;
		height: 90vh;
		max-width: 40vw;
		
		.line {
			-webkit-transition: width 1s;
			-o-transition: width 1s;
			transition: width 1s;

			&.bottom {
				-webkit-transition-delay: .5s;
				-o-transition-delay: .5s;
				transition-delay: .5s;
			}

		}
		&:hover {
			.line {
				width: 0;

			}
		}
    }
}
.image_container {
	height: 100vh;
    background-size: cover;
    background-position: center center;
    position: relative;

    &:after {
    	content: "";
    	display: block;
    	width: 100%;
    	position: absolute;
    	bottom: 0;
    	height: 25vh;
		background: rgb(0,0,0);
		background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }
    .bottom & {
    	height: 50vh;

    	&:before {
	    	content: "";
	    	display: block;
	    	width: 100%;
	    	position: absolute;
	    	top: 0;
	    	height: 10vh;
			background: rgb(0,0,0);
			background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
			background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
			background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	    }
	    &:after {
	    	height: 10vh;
	    }
    }
}
.container {
	position: relative;
	width: 24px;
	height: 24px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.down {
	display: inline-block;
    width: 100px;
    height: 100px;
    margin: auto;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
.text {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}
.top_box {
	height: 100vh;
	min-height: 32em;
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;

    .wp-block-column {
    	max-width: 70vw;
    	margin: auto;
    }
    p {
    	font-size: 1.5rem;
    	max-width: 50vw;
    }

    h1, h2 {
    	padding-top: 0;
    	font-size: 5vw;
    	max-width: 50vw;

    	strong {
    		font-family: @fashionlight;
    	}
    }
}
.wp-block-buttons {
	.header_icon {
		position: absolute;
		margin-bottom: 0!important; 
		font-size: 0;

		&.linkedin {
			top: 47vh;
			right: 12vw;
			z-index: 1;

			.wp-block-button__link {
				&:after {
					width: 35vw;
					height: 35vw;
				}
			}
		}
		&.instagram {
			left: 10vw;
			bottom: 10vh;
			z-index: 2;

			.wp-block-button__link {
				&:after {
					width: 30vw;
					height: 30vw;
				}
			}
		}
		&.mail {
			top: 25vh;
			right: 25vw;
			z-index: 3;

			.wp-block-button__link {
				&:after {
					width: 50vw;
					height: 50vw;
				}
			}
		}
		&.instagram, &.mail, &.linkedin {
			.wp-block-button__link {
				&:hover {
					&:after {
						width: 8rem;
						height: 8rem;
					}
				}
			}
		} 
		&.mail {
			.wp-block-button__link {
				background-image: url(assets/images/mail.svg);
			}
		}
		&.linkedin { 
			.wp-block-button__link {
				background-image: url(assets/images/linkedin.svg);
			}
		}
		.wp-block-button__link {
			background-image: url(assets/images/instagram.svg);
			background-repeat: no-repeat;
			background-size: 50%;
			background-position: center center;
			background-color: @hovercolor;
			box-shadow: 0 0 48px rgba(0,0,0,.15);
			width: 5rem;
			height: 5rem;
			padding: 1rem;
			margin-top: 0;
			border-radius: 100%;

			-webkit-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s;

			&:after {
				z-index: -1;
				content: "";
				display: block;
				left: 50%;
				top: 50%;
				border: 1px solid rgba(0,0,0,.1);
				border-radius: 100%;
				position: absolute;
				pointer-events: none;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				-webkit-transition: width 1s ease-in-out, height 1s ease-in-out;
				-o-transition: width 1s ease-in-out, height 1s ease-in-out;
				transition: width 1s ease-in-out, height 1s ease-in-out;

			}
			&:hover {
				background-color: @hovercolor;

				-webkit-transform: rotate(10deg);
				-ms-transform: rotate(10deg);
				-o-transform: rotate(10deg);
				transform: rotate(10deg);
			}
		}
	}
}
.max {
	max-width: 70vw;
	margin: auto;
}
.box {
    align-items: center;
	padding: .5em 0;
	box-sizing: border-box;
    overflow: hidden;

	/*+ .box:nth-child(2n) {
		.inline_box {
			padding-left: 0;
			padding-right: 0vw; 
		}
	}*/


	h1, h2, h3, h4, h5, h6 {
		font-size: 4vw;
		padding-top: 0;
		line-height: 1;


		+ h2, + h3, + h4, + h5, + h6 {
			font-size: 1em;
			font-family: @barlow;
			text-transform: inherit;
			font-weight: 100;
			line-height: 1.35;
			max-width: 20em;
		}
	}
	.wp-block-buttons {
		.wp-block-button {
		    /*position: relative;*/

		    .wp-block-button__link {
				font-size: 100%;
				font-family: @fashion;
				background-color: transparent;
				text-transform: uppercase;
				font-weight: 100;
				padding: 0;
				margin-top: 3em;

				&:hover {
					background: transparent;
				}
				&:after {
					content: "";
					position: absolute;
					display: block;
					width: 100vw;
					height: 100vh;
					top: 50%;
					left: 50%;
					right: 0;
					bottom: 0;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					-o-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}
		    }
		}
	}
	.inline_box {
		margin: auto;
		max-width: 70vw;
		padding-left: 0vw;
		align-items: center;
		position: relative;
		box-sizing: border-box;
		max-height: 90vh;
		align-items: center!important;
		
		.wp-block-columns.has-background {
			padding: 0;

			&:before, &:after {
				content: "";
				display: block;
				width: 100%;
				position: absolute;
				background: white;
				height: 4em;
				bottom: -1px;
				left: 0;
			}
			&:before {
				top: -1px;
				bottom: inherit;
			}
			.wp-block-image {
				max-width: 40vw;
				margin-left: auto;
			}
		}
		.wp-block-buttons {
			height: 0;
		}
		.wp-block-button__link {
			opacity: 0;
			-webkit-transition: all .75s;
			-o-transition: all .75s;
			transition: all .75s;
		}
		.wp-block-column {
			min-width: 50%;
			word-break: inherit;
			overflow-wrap: inherit;
			z-index: 1;
			padding-right: 4%;
			-webkit-transition: all .75s;
			-o-transition: all .75s;
			transition: all .75s;
		}
		.wp-block-column:not(:first-child) {
			min-width: 70%;
			margin-left: -85%;
			z-index: -1;
			padding-left: 4%;
			padding-right: 0;
			-webkit-transition: all .75s;
			-o-transition: all .75s;
			transition: all .75s;
		}
		.wp-block-image {
			position: relative;
			margin: 0;

			/*&:before {
				content: "";
				position: absolute;
				height: 100%;
				width: 100%;
				top: 0;
				right: 0;
				left: 0;
				bottom: 0;
				background: rgb(255,255,255);
				background: -moz-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.3) 100%);
				background: -webkit-linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.3) 100%);
				background: linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.3) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
				opacity: 1;
				-webkit-transition: all .75s;
				-o-transition: all .75s;
				transition: all .75s;
			}
			&:after {
				content: "";
				position: absolute;
				height: 100%;
				width: 100%;
				top: 0;
				right: 0;
				left: 0;
				bottom: 0;
				background: rgb(255,255,255);
				background: -moz-linear-gradient(315deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
				background: -webkit-linear-gradient(315deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
				background: linear-gradient(315deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
				opacity: 0;
				-webkit-transition: all .75s;
				-o-transition: all .75s;
				transition: all .75s;
			}*/
		}
		&:hover {
			.wp-block-image {
				&:before {
					opacity: 0;	
				}
				&:after {
					opacity: 1;
				}
			}
			.wp-block-column:not(:first-child) {
				padding-right: 4%;
				padding-left: 4%;
			}
			.wp-block-column {
				padding-right: 0%;
				padding-left: 0%;
			}
			.wp-block-button__link {
				opacity: 1;
			}
		}
	}
}
img {
	width: 100%;
	height: auto;
}
.site-footer {
    margin: 0em auto 0;
    background-color: rgba(0,0,0,.05);

    a {
    	text-decoration: none;

    	&:hover {
    		text-decoration: underline;
    	}
    }
    h2 {
    	+ h2 {
    		padding-top: 0;
    	}
    }
    .menu {
	    margin: 0;
	    padding: 0;
	    display: flex;
	    flex-direction: row;

	    li {
	    	margin-right: 1em;
	    	list-style-type: none;
	    }
	}
	.image_container {
		height: inherit;
		min-height: 25vh;

		&:after {
			bottom: inherit;
			top: 0;

			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}
	}
	.mo {
	    max-width: 70vw;
	    width: 90%;
	    margin: 0 auto;
	    padding-top: 5em;
	    padding-bottom: 5em;
	}
}
@media screen and (min-width: 1920px) {
	body, button, input, select, textarea {
		font-size: 32px;
	}
	.header .signet {
		max-width: inherit;
	}
	.wp-block-buttons .header_icon .wp-block-button__link {
		width: 5rem;
		height: 5rem;
	}
}
@media screen and (max-width: 1023px) {
	.header {
		background-color: rgba(0,0,0,0.05);
	}
	.nav_container {
		margin-top: -100em;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: white;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: flex-start;

		-webkit-transition: margin-top .5s;
		-o-transition: margin-top .5s;
		transition: margin-top .5s;

		&.active {
			margin-top: 0;
		} 
	}
	.header {
		padding: 1em 0;
		position: relative;

		.site-header {
			max-width: 90vw;
			justify-content: center;
		}
		.menu {
			flex-direction: column;
			padding-top: 0em;
			min-height: 80vh;
			justify-content: center;

			li {
				margin-bottom: 1em;
			}
			a {
				font-size: 10vw;
			}
		}
		.nav_trigger {
		    display: block;
		    width: 80px;
		    height: 80px;
		    position: fixed;
			bottom: 3em;
			box-sizing: border-box;
		    left: 50%;
		    background: black;
			border-radius: 100%;
			box-shadow: 0 0 48px rgb(0 0 0 / 15%);

		    -webkit-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		    -o-transform: translate(-50%, 0);
		    transform: translate(-50%, 0);

		    &.active {
				.hamburger--spring {
					.hamburger-inner {
						transition-delay:.22s;
						background-color:transparent!important;
						&:before {
							content: "";
							top:0;
							transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
							transform:translate3d(0,10px,0) rotate(45deg);
						}
						&:after {
							content: "";
							top:0;
							transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
							transform:translate3d(0,10px,0) rotate(-45deg);
						}
					}
				}
				.hamburger--spring-r {
					.hamburger-inner {
						transition-delay:.22s;
						transition-timing-function:cubic-bezier(.215,.61,.355,1);
						transform:translate3d(0,-10px,0) rotate(-45deg);
						
						&:after {
							content: "";
							top:0;
							transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;
							opacity:0;
						}
						&:before {
							content: "";
							top:0;
							transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
							transform:rotate(90deg);
						}
					}
				}
		    }
		}	
	}
	.hamburger {
		pointer-events: none;
	}
	.hamburger-box {
		height: 40px;
		width: 40px;
		position: absolute;
		left: 50%;
		top: 50%;

		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	    position: absolute;
	    width: 40px;
	    height: 2px;
	    transition-timing-function: ease;
	    transition-duration: .15s;
	    transition-property: transform;
	    border-radius: 4px;
	    background-color: white;
	}
	.hamburger--spring {
		.hamburger-inner {
			top:8px;
			transition:background-color 0s linear .13s;
			
			&:before {
				content: "";
				top:10px;
				transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
			}
			&:after {
				content: "";
				top:20px;
				transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
			}
		}
	}
	.hamburger--spring-r {
		.hamburger-inner {
			top:auto;
			bottom:0;
			transition-delay:0s;
			transition-timing-function:cubic-bezier(.55,.055,.675,.19);
			transition-duration:.13s;
			
			&:after {
				content: "";
				top:-20px;
				transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear;
			}
			&:before{
				content: "";
				transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
			}
		}
	}
	.logobox {
		max-width: 85vw;
		height: 85vh;

		.logo {
			max-width: 85vw;
			height: 75vh;
		}
	}
	.content-area {
		margin-top: 0!important;
	}
	.top_box {
		height: inherit;
		padding: 4em 0 5em;
		background-color: rgba(0,0,0,0.05);
		min-height: ~"calc(100vh - 100px - 9em)";

		.wp-block-column {
			width: 90%;
			max-width: inherit;
		}
		h1, h2 {
		    padding-top: 0;
		    font-size: 10vw;
		    max-width: inherit;
		}
		p {
			max-width: inherit;
		}
	}
	.big {
		font-size: 9.5vw;
	}
	.wp-block-cover.image_box  {
		left: -7.5vw;

		.wp-block-cover__inner-container {
			max-width: 100%;
		}
	}
	.wp-block-buttons {
		justify-content: flex-start;
		margin-top: 1em;
		.header_icon {
			position: inherit;

			&.mail, &.instagram, &.linkedin {
				margin-right: 1rem;
				.wp-block-button__link {
					height: 4rem;
					width:  4rem;
					&:after {
						display: none;
					}
				}
			}
		}
	}
	p, ul {
		word-break: break-word;
		hyphens: auto;
	}
	h1 {
		font-size: 180%;
	}
	h2 {
		font-size: 160%;
	}
	h3, h4, h5, h6 {
		font-size: 130%;
		word-wrap: break-word;
		overflow-wrap: break-word;

		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.entry-content {
		max-width: 85vw;
		margin: auto;

		.wp-block-columns.box:first-child {
			margin-top: 4em;
		}
	}
	.image_container {
		max-height: 85vh;
	}
	.wp-block-columns {
		flex-direction: column;

		.wp-block-column {
			&:nth-child(2n) {
				margin-left: 0;
				margin-right: 0;
			}
		}
		&.has-white-color.has-background {
			padding: 1em .3em 2em;
		}
		&.max {
			max-width: 90vw;
		}
		&.box {
			display: block;
			max-width: 90vw;
			padding: .5em 0 1.5em;
			margin: auto;
			overflow: visible;
			
			.inline_box {
				flex-direction: column-reverse;
			    width: 100%;
			    max-width: 100vw;
			    flex-wrap: nowrap;
			    max-height: inherit;

				&:hover .wp-block-column {
					padding-left: 0;

					&:not(:first-child) {
						padding-right: 0;
					}
				}
				.wp-block-column {
					padding: 0;
					width: 100%;
					padding-top: .5em;

					&:not(:first-child) {
						width: 100%;
						margin-left: 0;
						min-width: inherit;
						padding: 0;
					}
				}
				.wp-block-columns {
					&.has-background {
						position: relative;
						margin-bottom: 0;
						width: 100vw;
						left: 50%;
						-webkit-transform: translate(-50%, 0);
						-ms-transform: translate(-50%, 0);
						-o-transform: translate(-50%, 0);
						transform: translate(-50%, 0);

						.wp-block-image {
							max-width: inherit;
							padding: .5em;
						}
						.wp-block-column {
							padding: 0;
							width: 100%;
						}
						&:after, &:before {
							height: 3em;
						}
						&:before {
							height: 8em;
						}
					}
				}
			}
			h1,h2,h3,h4,h5,h6 {
				font-size: 8vw;

				+ h2, + h3, + h4, + h5, + h6 {
					font-size: 120%;
				}
			}	
		}
	}
	.site-footer {
		text-align: center;
		margin-top: 0em;
		padding: 0 1em 10em;

		.menu {
			flex-direction: column;

			li {
				margin-bottom: .25em;
			}
		}
		.mo {
		    max-width: 90%;
		    width: 90%;
			padding-top: 1em;
			padding-bottom: 1em;
		}
		.contact {
			margin-bottom: .5em;
		}
		h2 {
			font-size: 100%;
			line-height: 120%;
			max-width: inherit;
		}
	}
	.wp-block-column:not(:first-child) {
	    margin-left: 0em!important; 
	}

}
@media screen and (max-width: 768px) {
	h2 {
		font-size: 7vw;
	}
	h3, h4, h5, h6 {
		font-size: 6vw;
	}
	.blocks-gallery-grid .blocks-gallery-image, 
	.blocks-gallery-grid .blocks-gallery-item, 
	.wp-block-gallery .blocks-gallery-image, 
	.wp-block-gallery .blocks-gallery-item {
		width: 100%!important;
		margin: 0!important;
	}
/*	.box .inline_box {
		img {
			width: 120vw;
			max-width:  120vw;
		    margin-left: -30vw;
		}
	}*/
}
@media screen and (max-width: 1023px) and (max-height: 600px) {
	.header .menu {
		padding-top: 1em;
		a {
		    font-size: 6vw;
		}
	}
	.header .nav_trigger {
		bottom: .5em;
		width: 60px;
		height: 60px;
	}
}
/*.content_container {
    display: block;
    padding: 50px;
    max-width: 100vw;
    max-height: 100vh;
}
.content_container .image_container {
    position: relative;
    display: block;
    height: calc(100vh - 100px);
    width: calc(100vw - 100px);
    background-position: center center;
    overflow: hidden;
    background-repeat: no-repeat;
}
.content_container .image_container.black {
    background-color: black;
}
.content_container .image_container.border {
    border: 2px solid black;
}
.content_container + .content_container {
    margin-top: -50px;
}
.content_container.case .image_container:after {
    content: "";
    display: block;
    height: 100vh;
    width: 100vw;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.link_container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotateZ(-180deg);;
    -ms-transform: translateY(-50%) rotateZ(-180deg);;
    -o-transform: translateY(-50%) rotateZ(-180deg);;
    transform: translateY(-50%) rotateZ(-180deg);;
    font-size: 15vh;
    font-weight: bold;
    left: 0;
    color: white;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    line-height: 0%;
    -webkit-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -moz-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -o-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
    transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
}
.link_container.work {
    right: 0;
    left: inherit;
}
.link_container.profil.black, .link_container.work.black {
    color: black
}
.link_container:hover {
    line-height: 100%;
    color: cyan;
}
.logobox {
    max-width: 50%;
    width: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
a.logobox {
    top: 0;
    background: white;
    padding: 35px 3em 20px;
    z-index: 1000;
    max-width: 30vw;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.headline {
    text-align: center;
    font-size: 10vw;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
    margin: 0;
}
.des_text {
    bottom: 2em;
    position: absolute;
    color: white;
    left: 2em;
}
.des_text strong {
    text-transform: uppercase;
    margin-right: 0.2em;
}
.des_text p {
    margin: 0;
}
.headline.border {
    color: black;
    text-shadow: 2px 2px 0 white, 2px -2px white, 2px 1px white, -2px 0px white;
}
.site-footer {
    padding: 0 50px;
    margin: -50px 0 0;
    border: none;
    font-size: 100%;
}
.site-footer ul {
    margin: 0;
}
.site-footer li {
    list-style-type: none;
    float: left;
    margin-right: 1.5em;
    margin-top: 0.25em;
}
.wrap {
    max-width: inherit;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 150px;
    padding-top: 100px;
}
.elementor-section .elementor-container {
    max-width: 50vw!important;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0!important;
}
.elementor-widget {
    margin-bottom: 0!important;
}
.elementor-section + .elementor-section {
    margin-top: 150px;
}
h2 {
    font-size: 400%;
    font-size: 4.75vw;
    line-height: 100%!important;
    text-transform: uppercase;
    font-weight: 800!important;
    margin-bottom: 1vw!important;
}
h3 {
    font-size: 200%;
    font-size: 2.375vw;
    line-height: 2.676vw!important;
    margin-bottom: 1.1vw!important;
}
h4 {
    font-size: 150%;
    font-size: 1.78125vw;
    line-height: 2.676vw!important;
    margin-bottom: 1.1vw!important;
}
.jobslist h3 strong {
    font-size: 1.187vw;
    font-weight: 300;
    line-height: 0;
}
.jobslist li {
    list-style-type: none;
}
.jobslist h3 {
    line-height: 80%!important;
    margin-bottom: 2vw!important;
}
p a {
    color: #000;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 1)!important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 1)!important;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
p a:hover  {
    color: white;
    -webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1)!important;
    box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1)!important;
}
.entry-content a img, .comment-content a img, .widget a img {
    box-shadow: inherit;
    -webkit-box-shadow: inherit;
}
.gallery-item a, .gallery-item a:hover, .gallery-item a:focus, .widget-area .gallery-item a, .widget-area .gallery-item a:hover, .widget-area .gallery-item a:focus {
    padding: 40px 40px 40px 0;
}
.elementor-image-gallery .gallery-item {
    vertical-align: middle!important;
    pointer-events: none;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: transparent!important;
    border: 2px solid black!important;
}
.nf-error .ninja-forms-field {
    border-color: #e80000!important;
}
.nf-field-label {
    position: absolute;
    top: -15px;
    left: 10px;
    background-color: white;
    padding: 5px 20px!important;
    z-index: 10;
}
.nf-form-fields-required {
    margin-bottom: 20px;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: transparent!important;
    border: none!important;
    border-bottom: 2px solid black!important;
}


.link_container {
    -webkit-animation: WORK-Animation 2s infinite;
    -moz-animation:    WORK-Animation 2s infinite;
    -o-animation:      WORK-Animation 2s infinite;
    animation:         WORK-Animation 2s infinite;
}
.link_container.work {
    animation-delay: 1s;
}

@-webkit-keyframes WORK-Animation {
    0%   { line-height: 0; }
    50% { line-height: 0.2; }
    100% { line-height: 0; }
}
@-moz-keyframes WORK-Animation {
    0%   { line-height: 0; }
    50% { line-height: 0.2; }
    100% { line-height: 0; }
}
@-o-keyframes WORK-Animation {
    0%   { line-height: 0; }
    50% { line-height: 0.2; }
    100% { line-height: 0; }
}
@keyframes WORK-Animation {
    0%   { line-height: 0; }
    50% { line-height: 0.2; }
    100% { line-height: 0; }
}
.link_container:hover {
    -webkit-animation: inherit;
    -moz-animation:    inherit;
    -o-animation:      inherit;
    animation:         inherit;
    -webkit-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -moz-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -o-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
}*/